﻿<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=9" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Change log</title>

        <style type="text/css">
            html, body, div, span, applet, object, iframe,
            h1, h2, h3, h4, h5, h6, p, blockquote, pre,
            a, abbr, acronym, address, big, cite, code,
            del, dfn, em, font, img, ins, kbd, q, s, samp,
            small, strike, strong, sub, sup, tt, var,
            dl, dt, dd, ol, ul, li,
            fieldset, form, label, legend,
            table, caption, tbody, tfoot, thead, tr, th, td {
                background: transparent;
                border: 0;
                font-family: Lucida Grande, Arial, Sans-Serif;
                font-size: 9pt;
                font-style: inherit;
                font-weight: inherit;
                line-height: inherit;
                margin: 0;
                outline: 0;
                padding: 0;
                vertical-align: baseline;
            }

            caption, th, td {
                text-align: left;
                font-weight: normal;
            }
            
            body {
                font-family: "Lucida Grande", Arial, sans-serif;
                font-size: 9pt;
            }

            div.update {
                margin-left: 10px;
                margin-right: 10px;
                margin-top: 15px;
                margin-bottom: 15px;
            }
            
            table#updates-container {
                border-collapse: collapse;
                border-spacing: 0;
                width:100%;
            }
            
            table.update {
                border: 0;
                border: dotted 1px #ccc;
                border-collapse: collapse;
                border-spacing: 0;
                padding: 0;
                width: 100%;
            }

            h1 {
                font-size: 11pt;
            }

            h3 {
                font-weight: bold;
                margin-bottom: -4px;
                margin-top: -4px;
            }

            .blue {
                background-color: #e6edff;
                margin-bottom: -3px;
                margin-top: -3px;
                padding-bottom: -3px;
                padding-top: -3px;
            }

            td {
                padding: 6px
            }

            table#updates-container > tr > td {
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 15px;
                padding-bottom: 15px;
            }
            
            ol li, ol p, ul li, ul p {
                margin-bottom: 6px;
                margin-top: 6px;
            }

            ul, ol {
                margin-bottom: 12px;
                margin-top: 12px;
                padding-left: 30px
            }
            
            *
            {
                margin: 0;
                padding: 0;
            }
            html
            {
                overflow: auto;
            }
        </style>
    </head>
    <body oncontextmenu="return false;">
        <table id="updates-container">
            <tr>
                <td>
                    <table class="update">
                        <tr>
                            <td class="blue">
                                <h3>{title}</h3>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                {description}
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</html>